<template>
    <view
        v-if="inited"
        :class="'custom-class ' + classes + ' ' + utils.bem('popup', [position, { round, safe: safeAreaInsetBottom, safeTop: safeAreaInsetTop, safeTabBar: safeAreaTabBar }])"
        :style="computed.popupStyle({ zIndex, currentDuration, display, customStyle })"
        @transitionend="onTransitionEnd"
    >
        <slot />
        <van-icon v-if="closeable" :name="closeIcon" :class="'close-icon-class van-popup__close-icon van-popup__close-icon--' + closeIconPosition" @tap.native="onClickCloseIcon" />
    </view>
</template>

<style>
@import './popup.css';
</style>
